<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
			<link rel="stylesheet" type="text/css" href="../sass/goodlist.css"/>
			<script src="../js/jquery/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
			<script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>
	<body>
		<!----------------------------------------------leader----------------------------------------->
		<div class="leader">
			<a href="##"></a>
		</div>
<!----------------------------------------------top----------------------------------------->
		<div class="top">
			<div class="top-top">
				<div class= "wrap">
					<div class="top-left left">
					<span class= "top-home"></span><a href= "##">第五大道首页</a>|<span class= "top-phone"></span><a>贵宾专线：4008-6767-38</a>
				    </div>
				    <div class="top-right right">
					<ul>
						<li><a href= "html/enter.html">登录</a></li>
						<li><span class= "regist"></span><a href= "html/register.html">注册</a></li>
						<li class="top-myfifth">
							<a href= "##">我的第五大道 </a><span class= "myfifth-span"></span>
							<div class="myfifth" style="display: none;">
								<p><a href="##">我的订单</a></p>
								<p><a href="##">我的收藏</a></p>
								<p><a href="##">已购商品</a></p>
								<p><a href="##">我的礼券</a></p>
								<p><a href="##">我的积分</a></p>
							</div>
						</li>
						<li><a href= "##">帮助中心</a></li>
						<li><a href= "##" class= "phone-download">手机版下载</a><span></span></li>
					</ul>
				    </div>
				</div>
			</div>		
			<div class="wrap">				
				<div class="top-bottom">
					<a href= "../index.html"><img src="../img/logo.jpg"/></a>
					<a href="##"><img class= "yijian" src="../img/yijian.jpg"/></a>
					<div class="search">
						<input type= "text" class= "inp" placeholder="  唇部彩妆"/>
						<button>搜   索</button>
						<ul>
							<li><a href= "##">太阳镜</a></li>
							<li><a href= "##">美妆</a></li>
							<li><a href= "##">运动户外</a></li>
							<li><a href= "##">箱包</a></li>
							<li><a href= "##">配饰</a></li>
							<li><a href= "##">腕表</a></li>
						</ul>
					</div>
					<div class="top-bottom-right ">
						<img class= "v30cart" src="../img/v30cart.png" />购物袋（
						<span class="cart-num">0</span>
						）
						<span class= "right-jiantou"></span>
					</div>
				</div>
			</div>	
			
		</div>
<!----------------------------------------------banner----------------------------------------->
			<div class="banner-top">
				<div class="wrap">
					<ul class= "banner-list">
						<li><a  class= "active"href="##">商品分类</a></li>
						<li><a href="##">品牌</a></li>
						<li><a href="##">最新</a></li>
						<li><a href="##">女士</a></li>
						<li><a href="##">男士</a></li>
						<li><a href="##">商品分类</a></li>
						<li><a href="##">商品分类</a></li>
						<li><a href="##">商品分类</a></li>
						<li><a href="##">特惠</a></li>
						<li><a href="##">礼品区</a></li>
						<li><a href="##">到店</a></li>	
					</ul>
				</div>
			</div>
<!----------------------------------------------list----------------------------------------->			
		<div class="list">
			<div class="wrap">
				<div class="list-top">
					<div class="list-top-left">
						<span><a href= "##">配饰</a></span>
						<b> > </b>
						<span><a href= "##">眼镜</a><a href= "##">镜架</a></span>
						<b> > </b>
						<span><a href= "##">太阳镜</a></span>
					</div>
					<div class="list-top-right">
						<span>共534件商品</span>
					</div>
				</div>
				<div class="list-wrap">
					<div class="list-pinpai">
						<div class="pinpai-left">
							<a href= "##">品牌</a>
						</div>
						<div class="pinpai-right">
							<div class="pinpai-right-top">
								<span><a href= "##">全部商品</a></span>
								<span><a href= "##">A</a></span>
								<span><a href= "##">B</a></span>
								<span><a href= "##">C</a></span>
								<span><a href= "##">D</a></span>
								<span><a href= "##">E</a></span>
								<span><a href= "##">F</a></span>
								<span><a href= "##">G</a></span>
								<span><a href= "##">H</a></span>
								<span><a href= "##">I</a></span>
								<span><a href= "##">J</a></span>
								<span><a href= "##">K</a></span>
								<span><a href= "##">L</a></span>
								<span><a href= "##">收起</a></span>	
							</div>
							<div class="pinpai-right-main">
								<span><a href= "##">Amrni阿玛尼</a></span>
								<span><a href= "##">A阿尼玛</a></span>
								<span><a href= "##">Chopard Jewelrw</a></span>
								<span><a href= "##">xiangnaier</a></span>
								<span><a href= "##">香奈儿</a></span>
								<span><a href= "##">Amrni阿玛尼</a></span>
								<span><a href= "##">A阿尼玛</a></span>
								<span><a href= "##">Lv</a></span>
								<span><a href= "##">xiangnaier</a></span>
								<span><a href= "##">香奈儿</a></span>
								<span><a href= "##">Amrni阿玛尼</a></span>
								<span><a href= "##">Jaguar捷豹</a></span>
								<span><a href= "##">Lv莱伦沃克</a></span>
								<span><a href= "##">xiangnaier</a></span>
								<span><a href= "##">香奈儿</a></span>
								<span><a href= "##">MASUMNAGA</a></span>
								<span><a href= "##">Police</a></span>
								<span><a href= "##">TOM FOURD</a></span>
								<span><a href= "##">TVRopt</a></span>
								<span><a href= "##">Tag Heuer 豪雅</a></span>
								<span><a href= "##">汤姆福特</a></span>
								<span><a href= "##">Kkkk</a></span>
								<span><a href= "##">佛雷</a></span>
								<span><a href= "##">里士满</a></span>	
							</div>
						</div>
					</div>
					<!-----配饰开始-->
					<div class="list-peishi">
						<div class="peishi-left">
							<a href= "##">配饰</a>
						</div>
						<div class="peishi-right">
							<div class="peishi-right-top">
								<span><a href= "##">首饰</a></span>
								<span><a href= "##">项饰</a></span>
								<span><a href= "##">耳饰</a></span>
								<span><a href= "##">头饰</a></span>
								<span><a href= "##">胸饰</a></span>
								<span><a href= "##">其他</a></span>
							</div>
							<div class="peishi-right-main">
								<span><a href= "##">腰带</a></span>
								<span><a href= "##">领带</a></span>
								<span><a href= "##">帽子</a></span>
								<span><a href= "##">围巾</a></span>
								<span><a href= "##">手套</a></span>
								<span><a href= "##">Amrni阿玛尼</a></span>
								<span><a href= "##">A阿尼玛</a></span>	
							</div>
						</div>
					</div>
					<!-----配饰结束-->
					<div class="list-pinpai">
						<div class="pinpai-left">
							<a href= "##">品牌</a>
						</div>
						<div class="pinpai-right">
							<div class="pinpai-right-top">
								<span><a href= "##">全部商品</a></span>
								<span><a href= "##">A</a></span>
								<span><a href= "##">B</a></span>
								<span><a href= "##">C</a></span>
								<span><a href= "##">D</a></span>
								<span><a href= "##">E</a></span>
								<span><a href= "##">F</a></span>
								<span><a href= "##">G</a></span>
								<span><a href= "##">H</a></span>
								<span><a href= "##">I</a></span>
								<span><a href= "##">J</a></span>
								<span><a href= "##">K</a></span>
								<span><a href= "##">L</a></span>
								<span><a href= "##">收起</a></span>	
							</div>
							<div class="pinpai-right-main">
								<span><a href= "##">Amrni阿玛尼</a></span>
								<span><a href= "##">A阿尼玛</a></span>
								<span><a href= "##">Chopard Jewelrw</a></span>
								<span><a href= "##">xiangnaier</a></span>
								<span><a href= "##">香奈儿</a></span>
								<span><a href= "##">Amrni阿玛尼</a></span>
								<span><a href= "##">A阿尼玛</a></span>
								<span><a href= "##">Lv</a></span>
								<span><a href= "##">xiangnaier</a></span>
								<span><a href= "##">香奈儿</a></span>
								<span><a href= "##">Amrni阿玛尼</a></span>
								<span><a href= "##">Jaguar捷豹</a></span>
								<span><a href= "##">Lv莱伦沃克</a></span>
								<span><a href= "##">xiangnaier</a></span>
								<span><a href= "##">香奈儿</a></span>
								<span><a href= "##">MASUMNAGA</a></span>
								<span><a href= "##">Police</a></span>
								<span><a href= "##">TOM FOURD</a></span>
								<span><a href= "##">TVRopt</a></span>
								<span><a href= "##">Tag Heuer 豪雅</a></span>
								<span><a href= "##">汤姆福特</a></span>
								<span><a href= "##">Kkkk</a></span>
								<span><a href= "##">佛雷</a></span>
								<span><a href= "##">里士满</a></span>	
							</div>
						</div>
					</div>
					<!-----配饰开始-->
					<div class="list-peishi">
						<div class="peishi-left">
							<a href= "##">配饰</a>
						</div>
						<div class="peishi-right">
							<div class="peishi-right-top">
								<span><a href= "##">首饰</a></span>
								<span><a href= "##">项饰</a></span>
								<span><a href= "##">耳饰</a></span>
								<span><a href= "##">头饰</a></span>
								<span><a href= "##">胸饰</a></span>
								<span><a href= "##">其他</a></span>
							</div>
							<div class="peishi-right-main">
								<span><a href= "##">腰带</a></span>
								<span><a href= "##">领带</a></span>
								<span><a href= "##">帽子</a></span>
								<span><a href= "##">围巾</a></span>
								<span><a href= "##">手套</a></span>
								<span><a href= "##">Amrni阿玛尼</a></span>
								<span><a href= "##">A阿尼玛</a></span>	
							</div>
						</div>
					</div>
					<!-----配饰结束-->
				</div>
			</div>
		</div>
<!----------------------------------------------main----------------------------------------->
<div class="main">
	<div class="wrap">
		<div class="main-top">
			<ul>
				<li><a hrf="##">综合</a></li>
				<li><a hrf="##">人气</a></li>
				<li><a hrf="##">新品</a></li>
				<li><a hrf="##">价格</a></li>
				<li><a hrf="##">销量</a></li>
			</ul>
			<div class="main-top-right">
				<span> < </span>
				<span> > </span>
			</div>
		</div>
		<!----商品开始------>
		<div class="main-glass">
			
					<!--<div class= "glass1">
						<img src= "../img/148464369047_800x800_350x350.jpg" />
						<p><a href="##">DE RIGO 集合店</a></p>
						<p><a href="##">Dunhill登喜路</a></p>
						<p><a href="##">深哈瓦那色拼橙点镜框蓝色镜片男款太阳镜SDH016580748</a></p>
						<p>￥<a href="##">2380</a></p>
					</div>
				
					<div class= "glass1">
						<img src= "../img/148464369047_800x800_350x350.jpg" />
						<p><a href="##">DE RIGO 集合店</a></p>
						<p><a href="##">Dunhill登喜路</a></p>
						<p><a href="##">深哈瓦那色拼橙点镜框蓝色镜片男款太阳镜SDH016580748</a></p>
						<p><a href="##">￥2380</a></p>
					</div>
				
					<div class= "glass1">
						<img src= "../img/148464369047_800x800_350x350.jpg" />
						<p><a href="##">DE RIGO 集合店</a></p>
						<p><a href="##">Dunhill登喜路</a></p>
						<p><a href="##">深哈瓦那色拼橙点镜框蓝色镜片男款太阳镜SDH016580748</a></p>
						<p><a href="##">￥2380</a></p>
					</div>
				
					<div class= "glass1">
						<img src= "../img/148464369047_800x800_350x350.jpg" />
						<p><a href="##">DE RIGO 集合店</a></p>
						<p><a href="##">Dunhill登喜路</a></p>
						<p><a href="##">深哈瓦那色拼橙点镜框蓝色镜片男款太阳镜SDH016580748</a></p>
						<p><a href="##">￥2380</a></p>
					</div>
				
					<div class= "glass1">
						<img src= "../img/148464369047_800x800_350x350.jpg" />
						<p><a href="##">DE RIGO 集合店</a></p>
						<p><a href="##">Dunhill登喜路</a></p>
						<p><a href="##">深哈瓦那色拼橙点镜框蓝色镜片男款太阳镜SDH016580748</a></p>
						<p><a href="##">￥2380</a></p>
					</div>
				
					<div class= "glass1">
						<img src= "../img/148464369047_800x800_350x350.jpg" />
						<p><a href="##">DE RIGO 集合店</a></p>
						<p><a href="##">Dunhill登喜路</a></p>
						<p><a href="##">深哈瓦那色拼橙点镜框蓝色镜片男款太阳镜SDH016580748</a></p>
						<p><a href="##">￥2380</a></p>
					</div>
				-->
		</div>
		<!----商品结束------>
		<script type="text/javascript">
		
		$.getJSON("../jsons/goodlist.json",function(data){
			console.log(data)
			for(var i in data){
				$("<div class='glass1'><a href= 'detail.html?"+ i+"'><img src='../detail-img/"+data[i].imgsrc[0]+"'/><p><a href='##'>"+ data[i].p1+"</a></p><p><a href='##'>"+ data[i].p2+"</a></p><p><a href='##'>"+ data[i].p3+"</a></p><p ><a class= 'price' href='##'> ￥"+ data[i].price+"</a></p></a></div>").appendTo($(".main-glass"))
			}
			
			
		})
		
		//显示用户登录状态
					 $person = $(".top-right a")
				    console.log($person.eq(0).html())
				    var users = getCookie("txt") ? getCookie("txt") : "";
				    console.log(users);
				    if(users){
				    	$person.eq(0).html("欢迎"+users+"用户")
				    	$person.eq(0).attr("href","##")
				    	$person.eq(1).html("退出")
				    	$person.eq(1).attr("href","##")
				    	$person.eq(1).click(function(){
				    		removeCookie("txt");
				    		location.href="../index.html"
				    	})
				    }else{
				    	$person.eq(0).html("登录")
				    	$person.eq(0).attr("href","enter.html")
				    	$person.eq(1).html("注册")
				    	$person.eq(1).attr("href","register.html")
				    }
		//购物车小图标跳转cart.html
				    $(".top-bottom-right").click(function(){
						location.href= "html/cart.html"
					})
				    var num = getCookie("num") ? getCookie("num") : 0;
				   $(".cart-num").html(num)
		//top
	$(".top-myfifth").hover(function(){
		$(".myfifth").css("display","block")
	},function(){
		$(".myfifth").css("display","none")
	});
			
		</script>
	</div>
</div>
<!----------------------------------------------bottom----------------------------------------->
		<div class="bottom">
			<div class="wrap">
				<div class="bottom-top">
					<ul>
						<li>
							<img src="../img/footer_message01.jpg" />
							<div class="_message01">
								<h4>正品保障</h4>
								<p><a href= "##">品牌授权，官方验真</a></p>
							</div>
						</li>
						<li>
							<img src="../img/footer_message02.jpg" />
							<div class="_message01">
								<h4>正品保障</h4>
								<p><a href= "##">品牌授权，官方验真</a></p>
							</div>
						</li>
						<li>
							<img src="../img/footer_message03.jpg" />
							<div class="_message01">
								<h4>正品保障</h4>
								<p><a href= "##">品牌授权，官方验真</a></p>
							</div>
						</li>
						<li>
							<img src="../img/footer_message04.jpg" />
							<div class="_message01">
								<h4>正品保障</h4>
								<p><a href= "##">品牌授权，官方验真</a></p>
							</div>
						</li>
						<li>
							<img src="../img/footer_message05.jpg" />
							<div class="_message01">
								<h4>正品保障</h4>
								<p><a href= "##">品牌授权，官方验真</a></p>
							</div>
						</li>
					</ul>
				</div>
				<div class="bottom-list">
					<ul>
						<li>
							<h5>服务保障</h5>
							<span><a href="##">品牌授权正品</a></span>
							<span><a href="##">品牌客服</a></span>
							<span><a href="##">预约到店体验</a></span>
							<span><a href="##">7天无理由退换</a></span>
						</li>
						<li>
							<h5>服务保障</h5>
							<span><a href="##">品牌授权正品</a></span>
							<span><a href="##">品牌客服</a></span>
							<span><a href="##">预约到店体验</a></span>
							<span><a href="##">7天无理由退换</a></span>
						</li>
						<li>
							<h5>服务保障</h5>
							<span><a href="##">品牌授权正品</a></span>
							<span><a href="##">品牌客服</a></span>
							<span><a href="##">预约到店体验</a></span>
							<span><a href="##">7天无理由退换</a></span>
						</li>
						<li>
							<h5>服务保障</h5>
							<span><a href="##">品牌授权正品</a></span>
							<span><a href="##">品牌客服</a></span>
							<span><a href="##">预约到店体验</a></span>
							<span><a href="##">7天无理由退换</a></span>
						</li>
						<li>
							<h5>服务保障</h5>
							<span><a href="##">品牌授权正品</a></span>
							<span><a href="##">品牌客服</a></span>
							<span><a href="##">预约到店体验</a></span>
							<span><a href="##">7天无理由退换</a></span>
						</li>
						<li>
							<h5>第五大道APP</h5>
							<img src="../img/qr.jpg"/>
						</li>
						<li>
							<h5>第五大道微信</h5>
							<img src="../img/weixin_img.png"/>
						</li>
					</ul>
				</div>
				<div class="footer">
					<div class="footer-top">
						<a href= "##">箱包</a>|
						<a href= "##">箱包</a>|
						<a href= "##">箱包</a>|
						<a href= "##">箱包</a>|
						<a href= "##">箱包</a>|
						<a href= "##">箱包</a>|
						<a href= "##">箱包</a>|
						<a href= "##">箱包</a>						
					</div>
					<div class="footer-middle">
						<a href= "##">关于五大道</a>|
						<a href= "##">网站地图</a>|
						<a href= "##">品牌合作专区</a>|
						<a href= "##">媒体聚焦</a>|
						<a href= "##">商务合作</a>|
						<a href= "##">商家合作</a>|
						<a href= "##">加入第五大道</a>|
						<a href= "##">友情链接</a>|	
						<a href= "##">奢尚志</a>|
						<a href= "##">联系我们</a>|
						<a href= "##">投诉建议</a>	
						<p>Copyright © 2008-2016 瑞美嘉信国际信息技术（北京）有限公司&nbsp; 版权所有京ICP备09012701号-1
                       京公网安备110105007400号 食品经营许可证号：
                    </p>
					</div>
					<div class="footer-vic">
						<img src="../img/footer_message10.jpg" />
						<img src="../img/footer_message11.jpg" />
						<img src="../img/footer_message10.jpg" />
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
